<!-- sharp transitions -->
<!-- max_color_diff with chrome is 0 (identical) -->
<!-- from https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient -->
<!doctype html>
<style>
body,p {margin:0}
p {
	width: 150px;
	height: 100px;
	background: linear-gradient(to right, red 20%, orange 20% 40%, yellow 40% 60%, green 60% 80%, blue 80%);
}
</style>
<p>